@charset "utf-8" ;


/*	Name: 상산				*/
/*	PART: Site All Style	*/
/*	Version: 1.0				*/
/*	Author: UHEE			*/



/* RESET */
*{margin:0; padding:0}
html, body {width:100%; height:100%}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, thead, tbody, tr, th, td, form, fieldset, legend, input, textarea, button {margin:0; padding:0; font-weight:normal;}
body, input, select, div, textarea, table, button {font-size:12px; font-family:'돋움', dotum, Tahoma, Helvetica ; color:#333; -webkit-text-size-adjust: none;}
table {width:100%; border:0px; border-spacing:0px; border-collapse:collapse;}
html:first-child select {padding-right:6px; height:30px;} /* Opera 9 & Below Fix */
option {vertical-align:middle; padding:3px 0;} /* Firefox Fix */
legend {display:none; visibility:hidden;}
img, fieldset, button {vertical-align:middle; border:0;}
ul, ol {list-style:none;}
a:link, a:visited, a:hover, a:active{text-decoration:none; color:#ec0815; cursor:pointer}
em, address {font-style:normal;}
hr {display:none; visibility:hidden;}
caption  {height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0;}
label {cursor:pointer;}

/* INPUT */

input, textarea, button {line-height: 1.2; /* 입력폼에서 춤추지 않는 최소 줄간 1.2 */ vertical-align: middle; }
input[type=text], input[type=password]{-webkit-appearance:none; -webkit-border-radius:0; background-color:#ffffff; height:20px; padding:4px 0 1px 0; color:#333; text-indent:7px; vertical-align:middle; border:1px solid #e0e0e0}
input[type=password]{width:80px; margin-left:2px}
/*input[type=text]:hover, input[type=password]:hover{border:1px solid #ed1b24}*/
input[type="file"] {vertical-align:middle; height:26px; width:80%;/* margin-right:6px; */background-color:#fff}
textarea{background-color:#ffffff; width:100%; height:100px; padding:5px; color:#333; vertical-align:middle; border:1px solid #c8caca/* text-indent:7px; *text-indent:0; */}
select{height:27px; padding:4px 3px 3px 2px; /*margin:0 2px 0 0; */vertical-align:middle; border:1px solid #e0e0e0; /*line-height:24px*/}
input[title*="전화번호"], input[title*="휴대폰"], input[title*="팩스"], input[title*="이메일"]{width:70px}
/*input[title*="비밀번호"],input[title*="이메일"]  {width:100px; margin-left:1px}*/

input.input_max{width:100%}
input.width_40{width:40%}
input.width_50{width:50%}
input.width_80{width:80%}
.table_list.type_input input{width:80%}
.add_file{}

/* POINT C */
.pointBold td{font-weight:bold !important; letter-spacing:-1px}
.pointBd{font-weight:bold !important;}
.pointRe{color:#ee2830 !important}
.pointReB{color:#ee2830 !important; font-weight:bold}
.pointReUd{text-decoration:underline}

/* Align */
.alC{text-align:center !important}
.alL{text-align:left !important}
.alR{text-align:right !important}

/* 마진패딩 */
.mgT0{margin-top:0 !important}

/* 히든 */
.hide{font-size:0; line-height:0; width:0; height:0; overflow:hidden; margin:0; padding:0}

/* 링크 */
a.link{text-decoration:underline}
a.file_down{display:inline-block; background:url(../images/ico_file.png) no-repeat 0 0; padding-left:23px; margin-right:7px; text-decoration:underline; color:#333;  }
a.file_down.hwp{background-position:-5px -299px}
a.file_down.excel{background-position:-5px -399px}
a.file_down.word{background-position:-5px -499px}
a.file_down.ppt{background-position:-5px -99px}
a.file_down.img{background-position:-5px 4px}
a.link_log{color:#fff; text-decoration:underline; font-weight:bold}

/* LAYOUT */
body{background:url(../images/bg_body.png) repeat-x 0 0;}
.wrap{position:relative; width:100%; height:100%; min-height:100%; }
.header{width:964px; height:171px; margin:0 auto; }
.header .top{width:100%; height:74px; *zoom:1}
.header .top:after{content:""; display:block; clear:both}
.header .gnb{}

/* Header */
.top{padding-top:10px}
.top .left{float:left; width:340px; /*width:48%;*/ padding-top:5px}
.top .left .tit_h1{width:100%; height:37px; background:url(../images/tit_h1.jpg) no-repeat 0 0;font-size:0; line-height:0; cursor:pointer}
.top .left .tit_h1 span{display:inline-block; margin-left:154px; padding-top:12px; font-size:15px; line-height:normal; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum ; letter-spacing:-1px; font-weight:bold }
.top .right{float:right; color:#666; font-size:11px; letter-spacing:-1px}
.top .right:after{content:""; display:block; clear:both}
.top .right .log_text{float:left; margin-top:3px}
.top .right .log_box{display:block; float:left; margin-left:8px; background:url(../images/btn_logout.png) no-repeat 0 0; width:50px; height:19px}
.top .right .log_box .btn_logout{display:block; padding:4px 4px 3px 4px; color:#fff; font-size:0; height:19px}
.top .right .info_box {display:block; float:left; margin-left:8px; height:19px}
.top .right .info_box .btn_modify{display:block; padding-top:3px; height:19px; color:#666; text-decoration:underline; letter-spacing:-2px}

.container{position:relative; width:964px; margin:10px auto 0}
.container span.round{display:block; background:url(../images/bg_round.jpg) no-repeat 0 0; width:5px; height:5px}
.container span.lt{display:block; position:absolute; left:0; top:0; background-position:0 0}
.container span.rt{display:block; position:absolute; right:0; top:0; background-position:-5px 0}
.container span.lb{display:block; position:absolute; left:0; bottom:0; background-position:0 -5px}
.container span.rb{display:block; position:absolute; right:0; bottom:0; background-position:-5px -5px}
.container .container_area{border:1px solid #d2d2d2; padding:40px 20px}


/* 타이틀 */
.tit_h2{font-family:"맑은고딕", Malgun Gothic, '돋움', dotum ; font-size:25px; letter-spacing:-1px; color:#ee2830; padding-bottom:25px}
.tit_h3{background:url(../images/bg_h3.jpg) no-repeat 0 8px; padding-bottom:15px; padding-left:16px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum ; font-size:17px; letter-spacing:-1px; color:#333; font-weight:bold; line-height:22px}
.tit_sub{margin-top:-15px; margin-bottom:25px; padding-left:11px; background:url(../images/ico_set.png) no-repeat 0 -64px; font-size:18px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum ; color:#a60d13; letter-spacing:-1px; font-weight:bold}
.con_left .tit_h2{margin-bottom:0; padding-bottom:17px; font-size:16px; font-weight:bold}

/* 테이블 */
.table_wrap{border-top:1px solid #ee2830; border-bottom:1px solid #666; margin-bottom:40px}
.table_list thead tr th{padding:12px 0px ; background-color:#f5f6f6; line-height:20px; font-weight:bold; letter-spacing:-1px}
.table_list thead tr th span{font-size:11px;font-weight:normal;}
.table_list tbody tr{border-top:1px solid #c8caca}
.table_list tbody tr td{padding:8px 10px; text-align:center; line-height:20px; /*letter-spacing:-1px*/}
.table_list tbody tr td a{color:#333}
.table_write th{padding:12px 8px 10px 15px; background-color:#f5f6f6; text-align:left; line-height:20px;  letter-spacing:-1px; font-weight:bold}
.table_write tr{border-top:1px solid #c8caca}
.table_write tr:first-child{border:0}
.table_write tr td{padding:8px 10px; text-align:center; line-height:20px; }
.table_write tr td input[type="radio"]{vertical-align:top; margin-top:2px}
.table_write textarea{width:100%}
.table_write .veiw_box{display:block; padding:10px 0;}

/* 테이블 제목 */
.tit > a{display:block; color:#333; text-align:left}
.tit_center > a{display:block; color:#333;}

/* 테이블 선 */
.bdT{border-top:1px solid #c8caca !important}
.bdL{border-left:1px solid #c8caca !important}
.bdR{border-right:1px solid #c8caca !important}
.bdB{border-bottom:1px solid #c8caca !important}
.bdNone{border:0 !important}


/* 버튼 */
.btn_bbs{margin-top:30px; text-align:right}
.btn_bbs > a{display:inline-block; padding:6px 12px 8px; font-size:15px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; text-align:center; line-height:20px}
.btn_bbs .btn_re{background-color:#ee2830; border:1px solid #ee2830; color:#fff; font-weight:bold}
.btn_bbs .btn_gy{background-color:#716c6c; color:#fff; border:1px solid #b9b9b9; font-weight:bold}
.btn_bbs .btn_wh{background-color:#fff; color:#666; border:1px solid #dfdfdf; font-weight:bold}
.btn_bbs .btn_write{background-color:#f5f6f6; color:#666; border:1px solid #dfdfdf; font-weight:bold; line-height:18px}
.btn_bbs.type_pm{margin-top:-40px; margin-bottom:15px}/* + -*/
a.btn_pm{background-color:#ee2830; padding:0; /*width:25px; height:28px;*/width:20px; height:20px; line-height:15px; color:#fff; font-weight:bold; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:17px; }/* + -*/
a.btn_tb{background-color:#f5f6f6; border:1px solid #dfdfdf; padding:5px 8px; margin-left:2px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; color:#666; vertical-align:middle}
a.btn_tb:first-child{margin-left:0}

/* 검색버튼 */
a.btn_srch{display:inline-block; background-color:#ee2830; padding:3px 8px 4px; vertical-align:middle;  font-weight:bold; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:13px; color:#fff; line-height:18px}

/* excelDown */
a.btn_exceldown{display:inline-block; background-color:#1e8000; padding:3px 8px 4px; vertical-align:middle;  font-weight:bold; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:13px; color:#fff; line-height:18px}

/* 인쇄버튼 */
.ico_print{position:absolute; right:24px; top:30px; overflow:hidden; width:44px; cursor:pointer}

/* 회색박스검색 */
.srch_wrap{margin-bottom:30px; padding:13px 0; background-color:#e9ebeb; text-align:center}
.srch_wrap > span{display:inline-block; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:13px; font-weight:bold; color:#333; }
.srch_wrap .input_srch{width:80%}
.srch_wrap label{margin-left:1px}



/**/
.srch_sec{margin-left:20px; }
.srch_sec:first-child{margin-left:0}

/* 오수전력사용량 */
.table_wrap.height_s{max-height:270px; overflow:auto; }
.table_wrap.height_s .table_list tbody tr{border-top:0; border-bottom:1px solid #c8caca}
.table_wrap.height_s .table_list tbody tr td{padding:6px 7px}
.table_wrap.height_m{max-height:500px; overflow:auto; }
.table_wrap.height_m .table_list tbody tr{border-top:0; border-bottom:1px solid #c8caca}
.table_wrap.height_m .table_list tbody tr td{padding:6px 7px}

/* 그래프 페이지 e */






